<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>SHTP商家登录后的页面</title>
<link href="css/jquery-impromptu.3.3.css" type="text/css" rel="stylesheet" />
<link href="css/jquery-ui-1.8.17.custom.css" type="text/css" rel="stylesheet" />
<link href="css/index.css" type="text/css" rel="stylesheet" />
</head>
<body page="index">

<!-- header layer -->
<div id="headerlayer">
  <div id="main-top-layer">
	<div id="logo">SHTP</div>
	<div id="control"><a href="#">fionawzh����ҳ</a> | <a href="apply-for-merchant.html">�����Ϊ�̼�</a> | <!-- <a href="#">��¼</a> �� <a href="#">ע��</a> -->��<a href="#">�ƻ���</a></div>
  </div>
  <div id="main-nav-layer">
    <table>
      <tr>
        <td class="nav-selected"><a href="#">��ҳ</a></td>
        <td><a href="#">����</a></td>
        <td><a href="#">�Ƶ�</a></td>
        <td><a href="#">����</a></td>
      </tr>
    </table>
  </div>
  <div id="search">
  	<table>
		<tr>
			<td class="wearing-figure-tb"><span class="wearing-figure">�����¶����У���ע�Ᵽů!</span></td>
			<td class="search-main-content-tb">
				<div class="search-main-content">
					<input type="text" class="search-text" />
					<a href="#"><img src="images/search-button.png" /></a>
				</div>
			</td>
		</tr>
	</table>
  </div>
</div>

<!-- main layer -->
<div id="mainlayer">
	<div class="main-left-container">
		<!-- <div class="main-left-top"></div> -->
		<div class="main-left-center">
			<div class="title">
				<img src="images/happy001.png" />
				<span class="title-text"><br/>�ͻ��Ƽ��ƻ�</span>
			</div>
			<div class="content">
				<table class="customer-plan-sharing">
					<tr>
						<td><img title="�Ƽ��û�:Fionawzh" class="customer-face" src="images/face.png" /></td>
						<!-- <td>Fionawzh</td> -->
						<td><a href="#">��˫���ɡ����?�������������������� 9����</a></td></tr>
					<tr><td><img title="�Ƽ��û�:Janewzh" class="customer-face" src="images/face.png" /></td>
						<!-- <td>Janewzh</td> -->
						<td><a href="#">�������5�մ�����</a></td></tr>
					<tr><td><img title="�Ƽ��û�:Joseph" class="customer-face" src="images/face.png" /></td>
						<!-- <td>Joseph</td> -->
						<td><a href="#">���?�������׷�����</a></td></tr>
					<tr><td><img title="�Ƽ��û�:Clyde" class="customer-face" src="images/face.png" /></td>
						<!-- <td>Clyde</td> -->
						<td><a href="#">��������2����</a></td></tr>
				</table>
			</div>
		</div>
		<!-- <div class="main-left-bottom"></div> -->
	</div>
	<div class="main-center-container">
		<div class="main-center-top">
			<div class="slide-photos-container">
				<a href="#"><img src="images/B1234567890.jpg" /></a>
				<div class="picture-slide-bar">
					<div class="picture-slide-text-title">
						����ʡ�����д��¥					</div>
					<div class="picture-slide-text-desp">
						���AAAA�����ξ���, ����ʡ�ص����ﱣ����λ, �й�ʮ����¥֮һ, ����ʮ��԰֮һ��					</div>
				</div>
				<a href="#" class="hidden"><img src="images/B1234567891.jpg" /></a>
				<div class="picture-slide-bar hidden">
					<div class="picture-slide-text-title">
						����ʡ�����к�����԰					</div>
					<div class="picture-slide-text-desp">
						������԰������ʮ�����ڣ�����������ʡ���������Ͻ��������ĵ�غ��ϣ�������������Լ10���					</div>
				</div>
				<a href="#" class="hidden"><img src="images/B1234567892.jpg" /></a>
				<div class="picture-slide-bar hidden">
					<div class="picture-slide-text-title">
						����ʡ��������ɽɭ�ֹ�԰					</div>
					<div class="picture-slide-text-desp">
						�ųƱ̼�ɽ��Ϊ����ɽ����ͤɽ��̫��ɽ���޺�ɽ���ܳƣ�����̼��أ��������ڣ�����35���					</div>
				</div>
		  </div>
		</div>
		<div class="main-center-middle">
			<div class="main-center-middle-title">
				<img src="images/label001.png" />����Ƽ�
			</div>
			<div class="main-center-middle-tabs">
				<ul>
					<li><a href="#recommend-tabs1">��Ѿ���</a></li>
					<li><a href="#recommend-tabs2">��ѾƵ�</a></li>
					<li><a href="#recommend-tabs3">��ѷ���</a></li>
				</ul>
				<div id="recommend-tabs1">
					
				</div>
				<div id="recommend-tabs2">
				
				</div>
				<div id="recommend-tabs3">
				
				</div>
			</div>
		</div>
	</div>
	<div class="main-right-container">
		<a href="#"><img class="img-advertisement" src="images/advertisement.gif" /></a>
	</div>
</div>

<!-- footer layer -->
<div id="footerlayer">
	<table>
		<thead>
			<th>������Ϣ</th>
			<th>��վ����</th>
			<th>��ϵ�ͷ�</th>
			<th>��������</th>
		</thead>
		<tbody>
		<tr>
			<td>��������</td>
			<td></td>
			<td>QQ�ͷ�</td>
			<td></td>
		</tr>
		<tr>
			<td>ע������</td>
			<td></td>
			<td>�ͷ�����</td>
			<td></td>
		</tr>
		<tr>
			<td>��ȫָ��</td>
			<td></td>
			<td>�绰����</td>
			<td></td>
		</tr>
		</tbody>
	</table>
</div>

<script type="text/javascript" src="javascript/jquery1.7.1.js"></script>
<script type="text/javascript" src="javascript/jquery-impromptu.3.3.js"></script>
<script type="text/javascript" src="javascript/jquery.timers.js"></script>
<script type="text/javascript" src="javascript/jquery-ui-1.8.17.custom.min.js"></script>
<script type="text/javascript" src="javascript/index.js"></script>
</body>
</html>
